import styles from './index.css';
import { Alert, Layout, Menu } from 'antd';
import { Link } from 'umi';
const { Header, Content, Footer } = Layout;


function BasicLayout(props) {
  document.title="个人作业"
  return (
    <Layout className={styles.layout}>
      <Header style={{ position: 'fixed', zIndex: 1, width: '100%' }}>
        <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['1']}>
          <Menu.Item key="1"><Link to="/">首页</Link></Menu.Item>
          <Menu.Item key="4"><Link to="/classCompletion">青年大学习</Link></Menu.Item>
        </Menu>
      </Header>
      <Content style={{ padding: '0 24px', marginTop: 64 }}>
        <Alert style={{marginTop: 20}} message="手机客户端建议使用横屏显示效果最佳" type="warning" showIcon closable />
        <div className={styles.layoutContent}>{props.children}</div>
      </Content>

	  <Footer style={{ textAlign: 'center' }}>Powered by <a href="tencent://Message/?Uin=1065424615&amp;websiteName=q-zone.qq.com&amp;Menu=yes">Onion</a> | <a href="https://beian.miit.gov.cn/">浙ICP备2021014231号</a></Footer>
    </Layout>
  );
}


export default BasicLayout;
